<%--
  Created by IntelliJ IDEA.
  User: 18902
  Date: 2020/10/24
  Time: 10:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--<%@ taglib prefix="itheima" uri="http://com.sushe/common/"%>--%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
    <meta name="referrer" content="no-referrer">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>注册界面</title>
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">
    <link href="${pageContext.request.contextPath}/css/style.css"
          type=text/css rel=stylesheet>
    <link href="${pageContext.request.contextPath}/css/boot-crm.css"
          type=text/css rel=stylesheet>
    <script src=
                    "${pageContext.request.contextPath}/js/jquery-1.11.3.min.js">
    </script>
    <meta content="MSHTML 6.00.2600.0" name=GENERATOR>
</head>
<body class="loginbg">
<div ALIGN="center">
    <table align="center"
           id="table1">
        <tr>
            <td height="90"></td>
            <td></td>
        </tr>
        <tr>
            </td>
            <td class="login_msg" width="600" align="center">
                <!-- margin:0px auto; 控制当前标签居中 -->
                <fieldset style="width: auto; margin: 0px auto;height: 480px">
                    <legend align="center">
                        <font style="font-size:33px" face="宋体">
                            个人信息注册页面
                        </font>
                    </legend>
                    <font color="red" style="font-size: 18px">
                        <%-- 提示信息--%>
                        <span class="erro">${msg}</span>
                    </font>
                    <%-- 提交后的位置：/WEB-INF/jsp/customer.jsp--%>
                    <form  id="new_user_form" action="${pageContext.request.contextPath}/register" method="post">
                        <table border="1" style="width: auto; margin: 50px auto;">
                            <tr>
                                <td style="font-size: 18px">用户账号:</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="useracount" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">密码:</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="password" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">用户角色:</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="userrole" value=""/>
                                </td>
                            </tr>
                            <%--                            <tr>--%>
                            <%--                                <td style="font-size: 18px">用户角色：</td>--%>
                            <%--                                <td style="font-size: 18px">--%>
                            <%--                                    <select id="sel" style="font-size: 18px" name="userrole">--%>
                            <%--                                        <option value="xs" selected="selected">学生</option>--%>
                            <%--                                        <option value="gly">管理员</option>--%>
                            <%--                                    </select>--%>
                            <%--                                </td>--%>
                            <%--                            </tr>--%>
                            <tr>
                                <td style="font-size: 18px">用户权限:</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="userpower" value=""/>
                                </td>
                            </tr>
                            <%--                            <tr>--%>
                            <%--                                <td style="font-size: 18px">用户权限：</td>--%>
                            <%--                                <td style="font-size: 18px">--%>
                            <%--                                    <select id="sel2" style="font-size: 18px" name="userpower">--%>
                            <%--                                        <option value="gao">高</option>--%>
                            <%--                                        <option value="zhong">中</option>--%>
                            <%--                                        <option value="di" selected="selected">低</option>--%>
                            <%--                                    </select>--%>
                            <%--                                </td>--%>
                            <%--                            </tr>--%>
                            <tr>
                                <td style="font-size: 18px">用户姓名：</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="username" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">用户年龄：</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="age" value="">
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">手机号码:</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="phone" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">生源地址：</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="address" value=""/>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-size: 18px">所在城市：</td>
                                <td style="font-size: 18px">
                                    <input type="text" name="city" value=""/>
                                </td>
                            </tr>
                        </table>
                       <%-- <button type="submit" class="btn btn-primary" onclick="createUser()">注册</button>--%>
                        <font color="#f0f8ff"><input type="submit" value="提交信息"
                                                     style="width: 100px;height: 33px;background-color: #9be;font-size: 16px"/></font>


                        <font color="#f0f8ff"><a type="submit"
                                                 href="${pageContext.request.contextPath}/toIndex" value="返回首页"
                                                 style="width: 100px;height: 33px;background-color: #9be;font-size: 16px">返回首页</a></font>
                    </form>
                </fieldset>
            </td>
        </tr>
    </table>
</div>
</body>
<script>
        // 创建客户
        function createUser() {
            $.post("${pageContext.request.contextPath }/register",
                $("#new_user_form").serialize(),function(data){
                    if(data =="OK"){
                        // alert("客户创建成功！");
                        window.location.href="${pageContext.request.contextPath }/login.jsp";
                    }else{
                        // alert("客户创建失败！");
                        window.location.href="${pageContext.request.contextPath }/register.jsp";
                    }
                });
        }
</script>
</html>


<%--<h1><a href="#" class="btn btn-primary" data-toggle="modal"--%>
<%--       data-target="#newUserDialog" onclick="clearUser()">点击注册</a></h1>--%>
<%--<div class="modal fade" id="newUserDialog" tabindex="-1" role="dialog"--%>
<%--     aria-labelledby="myModalLabel">--%>
<%--    <div class="modal-dialog" role="document">--%>
<%--        <div class="modal-content">--%>
<%--            <div class="modal-header">--%>
<%--                <button type="button" class="close" data-dismiss="modal" aria-label="Close">--%>
<%--                    <span aria-hidden="true">&times;</span>--%>
<%--                </button>--%>
<%--                <h4 class="modal-title" id="myModalLabel">注册账户</h4>--%>
<%--            </div>--%>
<%--            <div class="modal-body">--%>
<%--                <form class="form-horizontal" id="new_user_form">--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="useracount" class="col-sm-2 control-label">--%>
<%--                            账号--%>
<%--                        </label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="useracount" placeholder="账号" name="useracount" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="password" class="col-sm-2 control-label">--%>
<%--                            密码--%>
<%--                        </label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="password" placeholder="密码" name="password" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="userrole" class="col-sm-2 control-label">角色</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="userrole" placeholder="角色" name="userrole" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="userpower" class="col-sm-2 control-label">权限</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="userpower" placeholder="权限" name="userpower" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="username" class="col-sm-2 control-label">姓名</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="username" placeholder="姓名" name="username" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="age" class="col-sm-2 control-label">年龄</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="age" placeholder="年龄" name="age" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="phone" class="col-sm-2 control-label">手机号码</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="phone" placeholder="手机号码" name="phone" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="address" class="col-sm-2 control-label">生源住址</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="address" placeholder="生源住址" name="address" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="form-group">--%>
<%--                        <label for="city" class="col-sm-2 control-label">所在城市</label>--%>
<%--                        <div class="col-sm-10">--%>
<%--                            <input type="text" class="form-control" id="city" placeholder="所在城市" name="city" />--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </form>--%>
<%--            </div>--%>
<%--            <div class="modal-footer">--%>
<%--                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>--%>
<%--                <button type="button" class="btn btn-primary" onclick="createUser()">注册</button>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>
<%--<!-- 引入js文件 -->--%>
<%--<!-- jQuery -->--%>
<%--<script src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>--%>
<%--<!-- Bootstrap Core JavaScript -->--%>
<%--<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>--%>
<%--<!-- Metis Menu Plugin JavaScript -->--%>
<%--<script src="${pageContext.request.contextPath }/js/metisMenu.min.js"></script>--%>
<%--<!-- DataTables JavaScript -->--%>
<%--<script src="${pageContext.request.contextPath }/js/jquery.dataTables.min.js"></script>--%>
<%--<script src="${pageContext.request.contextPath }/js/dataTables.bootstrap.min.js"></script>--%>
<%--<!-- Custom Theme JavaScript -->--%>
<%--<script src="${pageContext.request.contextPath }/js/sb-admin-2.js"></script>--%>
<%--<!-- 编写js代码 -->--%>
<%--<script type="text/javascript">--%>
<%--    //清空新建客户窗口中的数据--%>
<%--    function clearUser() {--%>
<%--        $("#useracount").val("");--%>
<%--        $("#password").val("")--%>
<%--        $("#userrole").val("")--%>
<%--        $("#userpower").val("")--%>
<%--        $("#username").val("");--%>
<%--        $("#age").val("");--%>
<%--        $("#phone").val("");--%>
<%--        $("#address").val("");--%>
<%--        $("#city").val("");--%>
<%--    }--%>
<%--    // 创建客户--%>
<%--    function createUser() {--%>
<%--        $.post("${pageContext.request.contextPath }/register",--%>
<%--            $("#new_user_form").serialize(),function(data){--%>
<%--                if(data =="OK"){--%>
<%--                    alert("客户创建成功！");--%>
<%--                    window.location.href="login.jsp";--%>
<%--                }else{--%>
<%--                    alert("客户创建失败！");--%>
<%--                    window.location.href="register.jsp";--%>
<%--                }--%>
<%--            });--%>
<%--    }--%>
<%--</script>--%>